<!DOCTYPE html>
<html>
	
	<script src="js/details/guide.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/homepage/change a.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/homepage/image.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/homepage/changediv.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/homepage/wechat.js" type="text/javascript" charset="utf-8"></script>
	<head>
		<meta charset="UTF-8">
		<title>我表哥四年级</title>
		<script type="text/javascript">
//		导航栏
		window.onload=function(){
			var guide=document.getElementById('guide');
			guide.onmouseover=function(){
				mov(guide,{right:0,height:340});
			}
			guide.onmouseout=function(){
				mov(guide,{right:-173,height:60});
			}
//			小图标
			var omove=document.getElementById('picbox');
			var alist=omove.getElementsByTagName('a');
			for(i=0;i<alist.length;i++){
				alist[i].onmouseover=function(){
				var	ilist=this.getElementsByTagName('i')[0];
				mov(ilist,{top:0,opacity:0},function(){
				ilist.style.top=60+'px';
					mov(ilist,{top:25,opacity:100});
				});
				}
			}
		}
	</script>
	</head>
	<link rel="stylesheet" type="text/css" href="css/homepage.css"/>
	<body>
		<div id="top">
			<div id="topleft">
			<p><a href="homepage.html">我表哥四年级</a>| <a href="#">活动</a>| <a href="#">游戏</a>|  <a href="#">关于我们</a></p>	
			</div>
			<div id="topright">
				<p><a href="login.html" style="margin-right: 0;">登录</a>/<a href="register.html">注册</a><span id="wechat">微信</span></p>
			</div>
		</div>
		<div id="homepagehead">
			
				<ul id="picbox">
					<a href="#"><li ><img id="image" src="img/2.png" style="vertical-align: middle;"/></li></a>
					<a href="#"><li><i><img src="img/icon/Eye.png"/></i><p>搞笑</p></li></a>
					<a href="#"><li><i><img src="img/icon/Photos.png"/></i><p>图片</p></li></a>
					<a href="#"><li><i><img src="img/icon/Video.png"/></i><p>视频</p></li></a>
					<a href="#"><li><i><img src="img/icon/Coffee Cup.png"/></i><p style="margin-left: -16px;">装逼指南</p></li></a>
					<li><div id="divbox">
					</div></li>
				</ul>
		</div>
		<div id="pagecenter">
			<div id="guide">
			<div class="">
				<img  src="img/details/man-user.png"/>
			</div>
			<ul class="boxul">
					<a href="login.html"><li>登录</li></a>
					<a href="register.html"><li style="margin-bottom: ;">注册</li></a>
			</ul>
			<ul class="boxul2">
				<a href="homepage.html"><li>首页</li></a>
				<a href=""><li>搞笑</li></a>
				<a href=""><li>图片</li></a>
				<a href=""><li>视频</li></a>
				<a href=""><li>装逼指南</li></a>
			</ul>
			<span >
			导航	
			</span>	
			</div>
			<p><img src="img/banner2.gif"/></p>
		</div>
		<div id="pagebottom">
			<div class="pagebottom1">
				<div class="pagebottomleft">
					<a href="details.html" >
						<p class="titlep">用来装逼的冷知识</p>
					<p class="textp">小编总感觉不会点装逼的冷知识，很难在外跟别人扯淡，装逼也是一门高深学问，这点毋庸置疑，所以今天小编就给大家带了点装逼的干货编后语：小编最后就给第一次去夜……</p>
					<p class="textfoot">173336阅读 ⋅ 81评论 ⋅ 2016-08-12 17:57</p>
				</div>
				<div class="pagebottomright">
					<img src="img/textimage.jpg" style="height: 120px;"/>
				</div>
			</div></a>
			
				<div class="pagebottom1">
				<div class="pagebottomleft">
					<a href="details.html" target="_blank">
					<p class="titlep">看到是费玉清的文章我就点进来了，因为有小哥的文章……</p>
					<p class="textp">小编今天闲来无事，就看了下污妖王小哥的段子合集，感觉小哥真是一言不合就开车了，滴滴学生卡……他真的那个唱千里之外的费玉清吗？简直不忍直视啊。于是小编……</p>
					<p class="textfoot">752阅读 ⋅ 1评论 ⋅ 2016-08-06 11:38</p>
				</div>
				<div class="pagebottomright">
					<p><img src="img/feiyuqing.jpg" style="height: 120px;"/></p>
				</div>
			</div></a>
			
				<div class="pagebottom1">
				<div class="pagebottomleft">
					<a href="details.html" target="_blank">
					<p class="titlep">那些年，我们被毁了的童年</p>
					<p class="textp">今天小编看到这么些东西，硬生生的把我的童年给毁了，当然，不能让小编一个人眼瞎啊，当然要一起瞎……天啦噜，还敢再污点吗，以前不觉得，怎么现在的动漫都变成……</p>
					<p class="textfoot">59阅读 ⋅ 1评论 ⋅ 2016-08-03 23:01</p>
				</div>
				<div class="pagebottomright">
					<p><img src="img/tongnian.jpg" style="height: 120px;"/></p>
				</div>
			</div></a>
			
				<div class="pagebottom1">
				<div class="pagebottomleft">
					<a href="details.html" target="_blank">
					<p class="titlep"> 捍卫雏菊，防止被基友睡！</p>
					<p class="textp">我22了，还是雏菊。我在这里写这篇文章并不是为了标榜纯洁。而是我觉得有必要让某些男生们知道怎样保护自己……活了这么多年，想睡我的人，其实蛮多的。</p>
					<p class="textfoot">5099阅读 ⋅ 22评论 ⋅ 2016-08-16 20:15</p>
				</div>
				<div class="pagebottomright">
					<p><img src="img/jiyou.jpg" style="height: 120px;"/></p>
				</div>
			</div></a>
			
				<div class="pagebottom1">
				<div class="pagebottomleft">
					<a href="details.html" target="_blank">
					<p class="titlep">父母是怎么知道我们有啪生活的？</p>
					<p class="textp">今天小编就来跟大家聊一下那些青春往事，你们是怎么被父母知道有啪生活的？这些小伙伴当时究竟是有多尴尬啊-_-,小编看完各位的伟大事迹之后也是佩服不已。</p>
					<p class="textfoot">23737阅读 ⋅ 2评论 ⋅ 2016-07-30 16:04</p>
				</div>
				<div class="pagebottomright">
					<p><img src="img/pa.jpg" style="height: 120px;"/></p>
				</div>
			</div></a>
		</div>
		<div id="foot0">
				<div id="foot01">
				<div id="foot011">
				<p><a href="#"><img src="img/2016817142444514.png"/></a></p>
				<p><a href="#">站点地图</a>  &nbsp;&nbsp;|&nbsp;&nbsp; <a href="#">关于我们</a>&nbsp;&nbsp;  | &nbsp;&nbsp;<a href="#">意见反馈</a>&nbsp;&nbsp;  | &nbsp;&nbsp;<a href="#">免责声明</a></p>
				<p>合作伙伴</p>
				<p><a href="#"><img src="img/23.jpg"/ style="height: 75px;"></a></p>
				</div>
				<div id="foot012">
				<p>友情链接</p>
				<p><a href="https://www.alipay.com/" target="_blank">支付宝</a> | <a href="http://www.youku.com/" target="_blank">优酷</a> | <a href="http://www.tudou.com/" target="_blank">土豆</a> | <a href="http://www.alijk.com/" target="_blank">阿里健康</a> | <a href="http://www.alibabapictures.com/" target="_blank">阿里影业</a> | <a href="http://www.alisports.com/cn/" target="_blank">阿里体育</a> | <a href="https://loan.mybank.cn/" target="_blank">网商银行</a></p>
				<p>版权所有©我表哥四年级</p>
				<p>地址：广东省中山市阜沙镇</p>
				<p>电话：13178629800  网址：www.lojie.com</p>
				</div>
				</div>
			</div>
	</body>
</html>
